/* base var 配置element 主题色 */
$--color-primary: #049B6D;
$--color-success: #22BE22;
$--color-warning: #FABB2B;
$--color-danger: #F53118;
$--color-info: #909399;
$--color-white: #fff;

$--color-primary-light-1: mix($--color-white, $--color-primary, 10%); /* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%); /* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%); /* 79bbff */
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%); /* 8cc5ff */
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%); /* a0cfff */
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%); /* b3d8ff */
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%); /* c6e2ff */
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%); /* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%); /* ecf5ff */

/* 公共变量以及样式 */
/// fontSize|1|Font Size|0
$--font-size-extra-large: 20px;
/// fontSize|1|Font Size|0
$--font-size-large: 18px;
/// fontSize|1|Font Size|0
$--font-size-medium: 16px;
/// fontSize|1|Font Size|0
$--font-size-base: 14px;
/// fontSize|1|Font Size|0
$--font-size-small: 13px;
/// fontSize|1|Font Size|0
$--font-size-extra-small: 12px;
/// fontWeight|1|Font Weight|1
$--font-weight-primary: 500;
/// fontWeight|1|Font Weight|1
$--font-weight-secondary: 100;
/// fontLineHeight|1|Line Height|2
$--font-line-height-primary: 24px;
/// fontLineHeight|1|Line Height|2
$--font-line-height-secondary: 16px;
$--font-color-disabled-base: #bbb;
/// color|1|Font Color|2
$--color-text-primary: #303133;
/// color|1|Font Color|2
$--color-text-regular: #606266;
/// color|1|Font Color|2
$--color-text-secondary: #909399;
/// color|1|Font Color|2
$--color-text-placeholder: #C0C4CC;
/// color|1|Border Color|3
$--border-color-base: #DCDFE6;
/// color|1|Border Color|3
$--border-color-light: #E4E7ED;
/// color|1|Border Color|3
$--border-color-lighter: #EBEEF5;
/// color|1|Border Color|3
$--border-color-extra-light: #F2F6FC;
// border
$--border-width-base: 1px;
$--border-style-base: solid;
$--border-color-hover: $--color-text-placeholder;
$--border-base: $--border-width-base $--border-style-base $--border-color-base;

// background
$base-bg-color: $--color-white;
$shadow-color: rgba(0, 0, 0, 0.15);
$shadow-down: 0 2px 8px $shadow-color;
$header-bg-color: $--color-primary;
$--side-bg-color: #001529;

// 菜单(dark)
/* Menu
--------------------------*/
/// fontSize||Font|1
$--menu-item-font-size: $--font-size-base;;
/// color||Color|0
$--menu-item-font-color: $--color-text-primary;;
/// color||Color|0
$--menu-background-color: $--color-white;;
$--menu-item-hover-fill: $--color-primary-light-9;;
$--menu-item-height: 40px;
$--menu-dark-bgc: #001529;
$--menu-item-font-color: rgba(254,254,254,.65);
$--menu-item-active-bgc: $--color-primary;
$--menu-item-active-font-color: #fff;

